<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <link href="css/TablaDatos.css" type="text/css" rel="stylesheet"/>

        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/plugins/ui/jquery-ui-1.8.17.custom.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="js/plugins/ui/jquery.ui.tabs.min.js"></script>
        <script type="text/javascript" src="js/TablaDatos.js"></script>

            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/VistaDocente.js"></script>
            <!-- NATIVO -->
        <script type="text/javascript">
            $(function() {
                    $("#tabs").tabs();
                    /*$("#tablaDatos").tablaDatos(
                    eval("(['Identificacion','NombreCompleto','Telefono'])"),
                    eval("([200,200,200])"),'',function(){});*/
            });
        </script>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
        <title></title>
    </head>
    <body ondrag="return false" ondrop="return false">
        <table >
            <tr>
                <td valing="top" colspan="2">
                    <?php include "Head.php";?>
                </td>
            </tr>
            <tr>
                <td valing="top">
                    <?php include "Menu.php";?>
                </td>
                <td height="567" width="674" valign="top">
                    <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">Listado</a></li>
                            <li><a href="#tabs-2">Datos</a></li>
                        </ul>
                        <div id="tabs-1">
                            <div id="tablaDatos" style="width:600px;margin:0 auto;overflow: auto;height: 300px;">
                            </div>
                        </div><!-- LISTADO -->
                        <div id="tabs-2">
                            <form id="frmAcudiente" name="frmAcudiente" action="">
                                <table cellspacing="10" style="margin:0 auto;" id="tblFormulario" name="tblFormulario">
                                    <tr>
                                        <td align="left">
                                            <input id="btnNuevo" type="reset" value="Nuevo"/>
                                        </td>
                                        <td align="right">
                                            <input id="btnGuardar" type="button" value="Guardar"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" style="border-bottom: 1px solid black;font-weight:bold">
                                            Maestro de Docentes:
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Documento:</span><br/>
                                            <input id="iddocente" name="iddocente" type="text" size="30" maxlength="11" onkeypress="return validarNumero(event);" />
                                        </td>
                                        <td>
                                            <span>*Correo electronico:</span><br/>
                                            <input id="correo" name="correo" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Primer nombre:</span><br/>
                                            <input id="primernombre" name="primernombre" type="text" size="30" onkeypress="return validarLetras(event);" maxlength="50"/>
                                        </td>
                                        <td>
                                            <span>Segundo nombre:</span><br/>
                                            <input id="segundonombre" name="segundonombre" type="text" size="30" onkeypress="return validarLetras(event);" maxlength="50" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Primer apellido:</span><br/>
                                            <input id="primerapellido" name="primerapellido" type="text" size="30" onkeypress="return validarLetras(event);" maxlength="50"/>
                                        </td>
                                        <td>
                                            <span>Segundo apellido:</span><br/>
                                            <input id="segundoapellido" name="segundoapellido" type="text" size="30" onkeypress="return validarLetras(event);" maxlength="50"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Direccion:</span><br/>
                                            <input id="direccion" name="direccion" type="text" size="30" />
                                        </td>
                                        <td>
                                            <span>Barrio:</span><br/>
                                            <input id="barrio" name="barrio" type="text" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Telefono:</span><br/>
                                            <input id="telefono" name="telefono" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="7" />
                                        </td>
                                        <td>
                                            <span>Celular:</span><br/>
                                            <input id="celular" name="celular" type="text" size="30" onkeypress="return validarNumero(event);" maxlength="10" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>*Contrase&ntilde;a:</span><br/>
                                            <input id="contrasena" name="contrasena" type="password" size="30" />
                                        </td>
                                        <td>
                                            <span>*Repita contrase&ntilde;a:</span><br/>
                                            <input id="repetircontrasena" name="repetircontrasena" type="password" size="30" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span>Estado:</span>
                                            <input id="estado" name="estado" type="checkbox" />
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div><!-- FORMULARIO -->
                    </div><!-- TABS -->
                </td>
            </tr>
        </table>
    </body>
</html>
